<script setup>
const props = defineProps({
	title: {
		type: String,
		required: true,
		default: '推荐',
	}
})
</script>

<template>
	<div class="card">
		<div class="title-wrap">{{title}}</div>
		<div class="content-wrap">
			<slot name="content"></slot>
		</div>
	</div>
</template>

<style scoped lang="scss">
.card{
	width: 850px;
	border-radius: 20px;
	background: #fff;
	.title-wrap{
		color: #fff;
		text-align: center;
		line-height: 66px;
		height: 66px;
		background: linear-gradient( 270deg, #B3D1FF 0%, #42FFE0 100%);
		border-radius: 20px 20px 0px 0px;
	}
	.content-wrap{
		min-height: 500px;
		padding: 40px;
	}
}

</style>
